.content-wrap {
  width: 100%;
  height: 100%; }
  .content-wrap .header-bg {
    width: 100%;
    height: 4.42667rem;
    background-image: url(../images/header-bg.png); }
  .content-wrap .content {
    width: 100%;
    padding: 0 0.4rem; }

html, body {
  background: #fff; }

.return-header {
  background-color: #1f2735;
  height: 1.46667rem;
  padding-top: 0.4rem; }
  .return-header .title {
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 0.45333rem;
    color: #fff; }
  .return-header img {
    margin-left: 0.4rem;
    width: 0.58667rem;
    height: 0.53333rem; }

.container-wrap {
  width: 100%;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  margin-right: auto;
  margin-left: auto; }
  .container-wrap .navpic-top {
    margin-top: 0.53333rem;
    display: flex;
    flex-wrap: wrap; }
    .container-wrap .navpic-top .navlist-left {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
      .container-wrap .navpic-top .navlist-left .mystudent {
        background: url(../images/mystudent.png);
        height: 1.86667rem;
        color: #fff;
        font-size: 0.4rem;
        background-size: 100% 100%;
        padding-top: 0.4rem;
        padding-left: 0.53333rem;
        margin-right: 0.4rem; }
    .container-wrap .navpic-top .navlist-right {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
      .container-wrap .navpic-top .navlist-right .myfuli {
        background: url(../images/myfuli.png);
        height: 1.86667rem;
        color: #fff;
        font-size: 0.4rem;
        background-size: 100% 100%;
        padding-top: 0.4rem;
        padding-left: 0.53333rem;
        margin-left: 0.4rem; }
        .container-wrap .navpic-top .navlist-right .myfuli .hold {
          font-size: 0.26667rem;
          color: #fff; }
  .container-wrap .apprentice-wrap {
    margin-top: 0.53333rem;
    font-size: 0.48rem;
    color: #333333;
    margin-left: 0.13333rem; }
  .container-wrap .share-wrap {
    display: flex;
    flex-wrap: wrap;
    background-color: #f8f8f8;
    border-radius: 0.26667rem;
    height: 3.01333rem;
    margin-left: 0.13333rem;
    margin-right: 0.13333rem;
    margin-top: 0.4rem;
    padding-top: 0.4rem; }
    .container-wrap .share-wrap .list-wrap {
      flex: 0 0 25%;
      max-width: 25%;
      text-align: center;
      font-size: 0.34667rem;
      color: #999;
      position: relative;
      width: 100%;
      padding-right: 0.4rem;
      padding-left: 0.4rem; }
      .container-wrap .share-wrap .list-wrap img {
        height: 1.46667rem;
        width: 1.46667rem;
        margin-bottom: 0.13333rem; }
  .container-wrap .tooltips-wrap {
    margin: 0.4rem 0.08rem;
    padding: 0.26667rem;
    color: #fff;
    background-color: #ffc107;
    font-size: 0.42667rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem; }
